<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
  <title>淘票票</title>
 <link rel="shortcut icon" href="../img/icon.ico">
	 <link type="text/css" rel="stylesheet" href="../css/style.css" />
	 
  <link rel="stylesheet" type="text/css" href="../css/common.css">

</head>

<body style="overflow-y:scroll;overflow-x:auto;">
	<div id="head">
		<div id="k1">
			<img id="mianIcon" src="../img/mian_icon.png">
			<p id="cityName" >杭州</p>
			<div id="menu">
			<a id="aMain">首页</a>
			<a id="aFilm">影片</a>
			<a id="aCinema">影院</a>
			</div>
		</div>
		<div id="k2">
			<table> <tr><td><a id="buyByPhone" ><img src="../img/buyByPhone.png">手机购买</a></td>&nbsp;<td><a id="customerService" ><img src="../img/customerService.png">咨询客服</a></td></tr></table>
			
		</div>
	</div>
	<hr>
	<div id="box">
		<div class="container" id="main">
			<div id="main_show" >
			<img src="../img/main_show.png" >
			</div>
			<div id="onlineList">
			<div>
				<div id="onlineList_menu"><a id="zhen" class="clickOn2">正在热映</a>&nbsp;&nbsp;&nbsp;&nbsp;<a id="ji">即将上映</a>  <p id="checkMore" class="checkMore">查看全部></p></div>
				<hr style="margin-bottom: 10px;margin-top: 1px">
				</div>
				<div id="onLineFilm" >
					<div class="filmItem" th:each="a_film, itemStat: ${onlineFilms}" >
						<div class="imgA">
						<img th:src="${a_film.Url}">
							<div class="textArea">
							<b class="title filmItemText" th:text="${a_film.Film_name}"></b><b class="score filmItemText" th:text="${a_film.Score}"></b>
							</div>
							<div class="btnOrder"><b class="filmItemText">选座购票</b></div>
						</div>
					</div>

				</div>

					
				</div>
				<div id="centerLine">
					<img src="../img/central_imge.png">
				</div>
			<div id="rankingBlock">
				<div id="filmRanking">
					<div id="filmRankingMenu">
						<b style="float: left">上周票房排行</b><a class="checkMore">全部影片></a>
					</div>
					<hr>
					<ol >
						<li th:each="a_film, itemStat: ${onlineFilms}">
							<div class="filmRankingItemSmall"  >
							<p class="titleSmall" th:text="${a_film.Film_name}"></p><p class="scoreSmall"  th:text="${a_film.Score}"></p>
							</div>
							<div class="filmRankingItemBig" style="display:none;">
							<div class="suo" th:style="'background-image:url('+${a_film.Url}+')'"></div>
								<div class="filmRankingItemBigText">
									<p class="filmRankingItemTitle"  style="font-size: 14px" th:text="${a_film.Film_name}"></p><p  style="font-size: 14px"  th:text="${a_film.Score}"></p>
									<div class="filmRankingItemBigBtn">
										<a>选座购票</a>
									</div>
								</div>
								
							</div>
							<hr>
						</li>


					</ol>
				</div>
			

				<div id="cinemaRanking">
				
					<div id="cinemaRankingMenu">
						<b style="float: left">热门影院排行</b><a class="checkCinema">全部影院></a>
					</div>
					<hr>
					<ol >
						<li th:each="a_cinema, itemStat: ${CinemaRank}">
							<a th:text="${a_cinema.Cinema_name}"></a>
							<p th:text="${a_cinema.Cinema_address}"></p>
						</li>

					</ol>	
				</div>
				<div id="trailer">
					<div id="trailerMenu"  >
						<b style="float: left">热门预告片</b>
					</div>
					<hr>
					<div class="trailerItem" th:each="a_film, itemStat: ${onlineFilms}">
						<div class="suo2" th:style="'background-image:url('+${a_film.Url}+')'"></div><br>
						<p th:text="${a_film.Film_name}"></p>
					</div>

				</div>
			</div>
				
				
			</div>
		<div class="container" id="film" style="display:none;">
			<div class="hintText"> <p><a>首页</a>&nbsp;>&nbsp;<a>电影</a>&nbsp;>&nbsp;杭州</p>  	
				<p>
					3步轻松购票:1.选座购票/买券<img class="right" src="../img/right.png">
					2.收电子码<img class="right" src="../img/right.png">
					3.影院取票	
				</p>
			</div>
			<div id="filmBlock">
				<div id="filmList">
					
						<div id="filmListMenu">
							<div id="filmList_menu">
								<a id="zhen1" class="clickOn2">正在热映</a>&nbsp;&nbsp;&nbsp;&nbsp;<a id="ji1">即将上映</a>
							</div>
							<hr style="margin-bottom: 10px;margin-top: 1px">
						</div>
						<div id="Films">
							<div class="filmItem" th:each="a_film, itemStat: ${AllOnlineFilm}">
								<div class="imgA">
										<img th:src="${a_film.Url}">
										<div class="textArea1">
											<b class="title filmItemText"    th:text="${a_film.Film_name}"></b><b class="score filmItemText" th:text="${a_film.Score}"></b>
										</div>
										<div class="btnOrder1"><b class="filmItemText">选座购票</b></div>
								</div>
							</div>

						</div>

				
			
			</div>
					<div id="hotCinema">
									
					<div id="hotCinemaMenu">
						<b style="float: left">热门影院排行</b><a class="checkCinema">全部影院></a>
					</div>
					<hr>
					<ul >
						<li  th:each="a_cinema, itemStat: ${CinemaRank}">
							<div class="hotCinemaItem" >
								<div class="hotCinemaText">
									<a th:text="${a_cinema.Cinema_name}"></a>
									<p th:text="${a_cinema.Cinema_address}"></p>
								</div>
						
								<div class="hotCinemaBtn">
										<a>选座购票</a>
								</div>
							</div>
							<hr>
						</li>



					</ul>
				</div>
		</div>
	
	</div>
		<div class="container" id="cinema" style="display:none;">
			<div class="hintText"> <p><a>首页</a>&nbsp;>&nbsp;<a>影院</a>&nbsp;>&nbsp;杭州</p>  	
				<p>
					3步轻松购票:1.选座购票/买券<img class="right" src="../img/right.png">
					2.收电子码<img class="right" src="../img/right.png">
					3.影院取票	
				</p>
			</div>
			<div id="cinemaBloak">
				<div id="cinemaList">
					<div id="cinemaMenu">
						<div id="cinemaMenuText">
							<p>选择区域</p>
							<p>搜索</p>
						</div>
						<div id="cinemaMenuSelect">
							<a class="cinemaSelected" id="quan">全部区域</a><a>江滨区</a><a>淳安县</a><a>富阳区</a><a>拱墅区</a><a>建德市</a><a>江干区</a><br><a>临安区</a><a>上城区</a><a>桐庐县</a><a>下城区</a><a>萧山区</a><a>下沙经济开发区</a><br><a>西湖区</a><a>余杭区</a>
								
						</div>
						<div id="cinemaMenuSearch">
							<from>
								<input id="cinemaMenuSearchInput" type="text" placeholder="请输入影院名称/关键字"/>
								<input id="cinemaMenuSearchSubmit" type="submit" value="查询"/>
							</from>
						</div>
					</div>
					<div id="cinemaOrderIndex"><p>排序：</p><div id="cinemaOrderBtn">评分 ↑ </div></div>
					<div id="cinemaContent" > 
						<div class="cinemaItem" th:each="a_cinema, itemStat: ${AllCinema}">
							<div class="imgDiv">
								<img th:src="${a_cinema.Img_Url}"/>
							</div>
							<div class="cinemaItemText">
								<h4  th:text="${a_cinema.Cinema_name}"></h4><br>
								<p th:text="${'地址：'+a_cinema.Cinema_address}"></p>
							</div>
							<div class="cinemaItemScore">
								<p>评分：<a class="ItemScore" th:text="${a_cinema.Favorab_rate}"></a></p><br>
								<div class="cinemaItemcheak">选座</div>
							</div>
							
						</div>

					</div>
					
				</div>
				<div id="tuan"><img src="../img/tuan.png" /></div>
			</div>
				
		</div>
		</div>
	<div id="bottom">
	<table id="tb1">
		<tr>
			
			<td>
				
				<img id="bottomIcon" src="../img/textIcon_white.png" ><br>
				<p class="botomText" align="center">如果您是消费者，<br>
				请拨打0571-88157838 <br>
				如果您是影院/合作商家，<br>
				请拨打400-825-9220<br>
				(服务时间:9:00-21:00)</p>
			</td>
			<td>
				
				<b class="botomText2">选座购票流程</b><br>
				<ul >
					<li class="botomText"><a>•选择影片和场次</a></li>
					<li class="botomText"><a>•选择中意的座位</a></li>
					<li class="botomText"><a>•支付并收到取票短信</a></li>
				</ul>
			</td>
			<td>
				<b class="botomText2">取票流程</b><br>
				<ul >
					<li class="botomText"><a>•收到取票短信</a></li>
					<li class="botomText"><a>•影院自助取票</a></li>
					<li class="botomText"><a>•短信重发方式</a></li>
				</ul>
			</td>
			<td>
				<b class="botomText2">常见问题</b><br>
				<ul >
					<li class="botomText"><a>•是否支持退换票</a></li>
					<li class="botomText"><a>•填错手机号怎么办</a></li>
					<li class="botomText"><a>•更多问题>></a></li>
				</ul>
			</td>
			
			<td>
				<div class="blank"></div>
				<b class="botomText2">协议规范</b><br>
				<ul >
					<li class="botomText"><a>•用户服务协议</a></li>
					<li class="botomText"><a>•食品管理规范</a></li>
					<li class="botomText"><a>•隐私权政策</a></li>
					<li class="botomText"><a>•退改签服务费规范</a></li>
				</ul>
			</td>
			<td>
				<img src="../img/QR_code.png">
			</td>
		</tr>
		</table>
		<hr id="bottomLine"> 
		<div id="youLian"><p class="botomText"> <a>阿里巴巴集团</a> | <a>阿里巴巴国际站</a> | <a>阿里巴巴中国站</a> | <a>全球速卖通</a> | <a>淘宝网</a> | <a>天猫</a> | <a>聚划算</a> | <a>一淘</a> | <a>阿里妈妈</a> | <a>阿里云计算</a> | <a>云OS</a> | <a>万网</a> | <a>中国雅虎</a> | <a>支付宝</a> </p></div>
			<p style="display: table;margin-left: 260px" class="botomText"> 关于淘宝 合作伙伴 营销中心 联系客服 开放平台 诚征英才 联系我们 网站地图 法律声明 © 2017 Taopiaopiao.com 版权所有<br>
			增值电信业务经营许可证：沪B2-20170117 沪ICP备16050036号-1 营业执照<br>
			违法不良信息举报电话 0571-88157838<br>
			违法不良信息举报邮箱 taopiaopiao_tousu@list.alibaba-inc.com </p>
	</div>
	<img style="display: table;margin: 0 auto" src="../img/wangJing.png">
	<script src="../js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
		<script src="../js/main.js"></script>
</body>
</html>
